<div class="bd-content">
<h1 class="bd-title" id="content">关闭图标</h1>
          <p class="bd-lead">使用一般的关闭图标类，关闭 modals 元件和 alerts 元件之类的内容。.</p>
          <p><strong>请务必为屏幕阅读器添加文本</strong>,我們可以使用 <code class="highlighter-rouge">aria-label</code> 标签属性。</p>

<div class="bd-example">
<button type="button" class="close" aria-label="Close">
  <span aria-hidden="true">&times;</span>
</button>
</div>
<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt">&lt;button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"close"</span> <span class="na">aria-label=</span><span class="s">"Close"</span><span class="nt">&gt;</span>
  <span class="nt">&lt;span</span> <span class="na">aria-hidden=</span><span class="s">"true"</span><span class="nt">&gt;</span><span class="ni">&amp;times;</span><span class="nt">&lt;/span&gt;</span>
<span class="nt">&lt;/button&gt;</span></code></pre></figure>
</div>